<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程详情</title>
</head>

<body class="dpflex fdcolumn" id="body">
    <div class="img-swapper-item">
        <img id="imgSwapper" class="img-swapper" src="../img/course-img05.jpg" alt="">
        <i class="iconfont icon-left" id="backbtn"></i>
        <i class="iconfont icon-play" id="startBtn"></i>
    </div>
    <div class="details">
        <div class="line">
            <div class="fw fs24" id="courseTitle">---</div>
            <div class="timer dpflex">
                <div>
                    <span class="mr20">
                        <span class="fw calorie" id="calorie">45</span>
                        <span>千卡</span>
                    </span>
                    <span>
                        <span class="fw calorie" id="time">20</span>
                        <span>分钟</span>
                    </span>
                </div>
                <span>
                    <span id="peoplenum">-</span><span>万人练过</span>
                    <i class="iconfont icon-rarrow"></i>
                </span>
            </div>
        </div>
        <p class="cur" id="desc">一场痛快淋漓的腹肌撕裂体验，虐出你的巧克力腹肌</p>
        <div class="dpflex">
            <div class="flex1 dpflex fdcolumn">
                <span class="mt8 mb16">
                    <i class="iconfont icon-shuju"></i>
                    <span class="fw">练习频次</span>
                </span>
                <span>每周<span id="latest">-</span>次</span>
            </div>
            <div class="flex1 dpflex fdcolumn">
                <span class="mt8 mb16">
                    <i class="iconfont icon-apparatus"></i>
                    <span class="fw">器械</span>
                </span>
                <span id="instrument">-</span>
            </div>
        </div>
        <div class="start fs18" id="startbtn">开始训练</div>

    </div>

</body>

</html>